<template>
  <el-container class="container">
    <el-aside>
        <el-menu
            :router="true" 
            background-color="#000"  
            text-color="#fff"  
            active-text-color="#ffd04b">
            <el-submenu index="1">
                <template slot="title">
                    <i class="el-icon-location"></i>
                    <span>系统管理</span>
                </template>
                 <el-menu-item index="/home/users">
                         <i class="el-icon-menu"></i>
                         <span>用户管理</span>
                    </el-menu-item>
            </el-submenu>
            <el-submenu index="2">
                <template slot="title">
                    <i class="el-icon-location"></i>
                    <span>教学管理</span>
                    
                </template>
                <el-menu-item index="/home/students">
                         <i class="el-icon-menu"></i>
                         <span>学生管理</span>
                    </el-menu-item>
                     <el-menu-item index="/home/director">
                         <i class="el-icon-menu"></i>
                         <span>班主任管理</span>
                    </el-menu-item>
                     <el-menu-item index="/home/teacher">
                         <i class="el-icon-menu"></i>
                         <span>教师管理</span>
                    </el-menu-item>
            </el-submenu>
        </el-menu>
    </el-aside>
    <el-container>
        <el-header>头</el-header>
        <el-main>
            <!--二级路由的出口-->
            <router-view></router-view>
        </el-main>
        <el-footer>脚</el-footer>
    </el-container>
  </el-container>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
    .container{
        min-height: 100vh;
        .el-aside{
            background-color: #001529;
            .el-menu{
                border-right: none;
            }
        }
        .el-header{
            background: #fff;
        }
        .el-main{
            background: #ccc;
        }
        .el-footer{
             background: #fff;
        }

    }
</style>